<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="IE=7" http-equiv="X-UA-Compatible">
	<title>模板精仿-网站模板-HTML技巧-CSS技巧-前端设计</title>
       

<style>
body, html { color: rgb(68, 68, 68); margin: 0pt; padding: 0pt; font: 12px/25px SimSun; background: none repeat scroll 0% 0% rgb(221, 228, 232); }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p, select, object { margin: 0pt; padding: 0pt; }
ul, li { list-style-type: none; }
address, cite, code, em, th, i { font-weight: normal; font-style: normal; }
a { text-decoration: none; color: rgb(68, 68, 68); }
a:hover { text-decoration: none; color: rgb(204, 0, 0); outline: medium none; }
.l { float: left; }
.clearfix:after, .top:after, .navlist:after, .tabbar:after, .plist1:after, .content4:after { content: " "; display: block; height: 0pt; clear: both; }
.clearfix, .ie6_h1, .top, .navlist, .tabbar, .plist1, .content4 {  }
.w314 { width: 314px;margin: 0 auto; }
.p12 { padding: 12px; }
.mb10 { margin-bottom: 10px; }
.border { border: 8px solid rgb(210, 217, 225); -moz-border-radius: 5px 5px 5px 5px; }
.border1 { border: 1px solid rgb(170, 171, 175); -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0pt 0pt 2px rgb(170, 170, 170); }
.border2 { border: 1px solid rgb(197, 197, 197); -moz-border-radius: 2px 2px 2px 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); -moz-box-shadow: 0pt 0pt 5px rgb(197, 197, 197); }
.bg1 { background: none repeat scroll 0% 0% rgb(243, 244, 246); }
.bg2 { background: none repeat scroll 0% 0% rgb(237, 238, 240); -moz-border-radius: 2px 2px 2px 2px; padding: 4px; }
.tabbar li { float: left; -moz-border-radius: 2px 2px 0pt 0pt; margin: 0pt 5px; position: relative; top: 1px; height: 28px; line-height: 28px; padding: 0pt 8px; font-size: 14px; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(197, 197, 197) rgb(197, 197, 197) -moz-use-text-color; -moz-box-shadow: 0pt 0pt 2px rgb(255, 255, 255); }
.tabbar .act { background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(0, 136, 204); font-weight: bold; cursor: pointer; }
.tlist1 time, .tlist1 i, .tlist1 .article-date { float: right; padding-left: 5px; }
.tlist1 i { width: 60px; cursor: pointer; }
.tlist1 { padding: 5px 10px; }
.tlist1 li { line-height: 25px; height: 25px; overflow: hidden; }
.tlist1 a { color: rgb(0, 136, 204); }
.tlist1 a:hover { color: rgb(204, 0, 0); }
.rank { background: url('ahuing.png') no-repeat scroll 8px 5px transparent; padding-left: 32px; }

</style>
<script type="text/javascript">
	
/*** tabar  ****/
var table = function(){
 var data = {};
 return function(item){
  var x = item.id.match(/^(\w+\_(?:\d+\_)?)(\d+)$/);
  if(typeof data[x[1]] == "undefined") data[x[1]] = 1;
  document.getElementById("r_"+ x[1] + data[x[1]]).style.display = "none";
  document.getElementById("r_"+ x[1] + x[2]).style.display = "";
  document.getElementById(x[1] + data[x[1]]).className = "";
  document.getElementById( x[1] + x[2]).className = "act";
  data[x[1]] = x[2];
 };
}();
  
</script>
</head>
<body>

<div class="w314 l">
    <div class="bg2">  
        <ul class="tabbar"> 
            <li id="a_1" onmouseover="table(this)" class="act">热文排行</li>
            <li class="" id="a_2" onmouseover="table(this)">本月排行</li>
            <li class="" id="a_3" onmouseover="table(this)">本年排行</li>
        </ul>
        <div class="border2">
            <ul id="r_a_1" class="tlist1 rank">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2051.html" target="_top"><i>围观:478</i>汽车网html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/2050.html" target="_top"><i>围观:483</i>发一个企业主题 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2049.html" target="_top"><i>围观:527</i>html静态房产模板</a></li>
                <li><a href="http://www.ahuing.com/post/2048.html" target="_top"><i>围观:488</i>解决火狐启动时提示“Firefox已经在运行”的问题</a></li>
                <li><a href="http://www.ahuing.com/post/2047.html" target="_top"><i>围观:487</i>对seo很有用的nofollow标签</a></li>
                <li><a href="http://www.ahuing.com/post/2046.html" target="_top"><i>围观:513</i>如何同时运行两个配置，扩展完全不一样的 Firefox</a></li>
                <li><a href="http://www.ahuing.com/post/2042.html" target="_top"><i>围观:579</i>div+css教程之浮动</a></li>
                <li><a href="http://www.ahuing.com/post/2044.html" target="_top"><i>围观:578</i>仿腾讯网娱乐频道-图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2043.html" target="_top"><i>围观:555</i>腾讯网汽车图片站静态html模板</a></li>

            </ul>
            <ul id="r_a_2" style="display: none;" class="tlist1 rank">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2042.html" target="_top"><i>围观:579</i>div+css教程之浮动</a></li>
                <li><a href="http://www.ahuing.com/post/2044.html" target="_top"><i>围观:578</i>仿腾讯网娱乐频道-图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2043.html" target="_top"><i>围观:555</i>腾讯网汽车图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2049.html" target="_top"><i>围观:527</i>html静态房产模板</a></li>
                <li><a href="http://www.ahuing.com/post/2041.html" target="_top"><i>围观:514</i>你的网站通过W3C标准应该注意的事项</a></li>
                <li><a href="http://www.ahuing.com/post/2046.html" target="_top"><i>围观:513</i>如何同时运行两个配置，扩展完全不一样的 Firefox</a></li>
                <li><a href="http://www.ahuing.com/post/2048.html" target="_top"><i>围观:488</i>解决火狐启动时提示“Firefox已经在运行”的问题</a></li>
                <li><a href="http://www.ahuing.com/post/2047.html" target="_top"><i>围观:487</i>对seo很有用的nofollow标签</a></li>
                <li><a href="http://www.ahuing.com/post/2050.html" target="_top"><i>围观:483</i>发一个企业主题 for zblog</a></li>

            </ul>
            <ul id="r_a_3" class="tlist1 rank" style="display: none;">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/1932.html" target="_top"><i>围观:743</i>淘宝客主题 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2002.html" target="_top"><i>围观:719</i>最新在线学习网站100乐模板（html静态）</a></li>
                <li><a href="http://www.ahuing.com/post/1917.html" target="_top"><i>围观:684</i>仿百度知道主题for z-blog</a></li>
                <li><a href="http://www.ahuing.com/post/2020.html" target="_top"><i>围观:660</i>div+css教程之常见的浏览器兼容问题及解决方法</a></li>
                <li><a href="http://www.ahuing.com/post/1927.html" target="_top"><i>围观:656</i>校园风光主题 for z-blog</a></li>
                <li><a href="http://www.ahuing.com/post/1968.html" target="_top"><i>围观:655</i>婚庆html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/1967.html" target="_top"><i>围观:648</i>政府html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/2031.html" target="_top"><i>围观:647</i>女性服饰html5+css3静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/1931.html" target="_top"><i>围观:647</i>很炫的js图片切换效果</a></li>

            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
//滑动门
 var table = function(){
 var data = {};
 return function(item){
  var x = item.id.match(/^(\w+\_(?:\d+\_)?)(\d+)$/);
  if(typeof data[x[1]] == "undefined") data[x[1]] = 1;
  $("#x_" + x[1] + data[x[1]]).css("display","none");
  $("#x_" + x[1] + x[2]).css("display","");
  $("#" + x[1] + data[x[1]]).removeClass("act");;
  $("#" + x[1] + x[2]).addClass("act");;
  data[x[1]] = x[2];
 };
}();
</script>
<div class="w314 l">
    <div class="bg2">  
        <ul class="tabbar"> 
            <li id="b_1" onmouseover="table(this)" class="act">热文排行</li>
            <li class="" id="b_2" onmouseover="table(this)">本月排行</li>
            <li class="" id="b_3" onmouseover="table(this)">本年排行</li>
        </ul>
        <div class="border2">
            <ul id="x_b_1" class="tlist1 rank">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2051.html" target="_top"><i>围观:478</i>汽车网html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/2050.html" target="_top"><i>围观:483</i>发一个企业主题 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2049.html" target="_top"><i>围观:527</i>html静态房产模板</a></li>
                <li><a href="http://www.ahuing.com/post/2048.html" target="_top"><i>围观:488</i>解决火狐启动时提示“Firefox已经在运行”的问题</a></li>
                <li><a href="http://www.ahuing.com/post/2047.html" target="_top"><i>围观:487</i>对seo很有用的nofollow标签</a></li>
                <li><a href="http://www.ahuing.com/post/2046.html" target="_top"><i>围观:513</i>如何同时运行两个配置，扩展完全不一样的 Firefox</a></li>
                <li><a href="http://www.ahuing.com/post/2042.html" target="_top"><i>围观:579</i>div+css教程之浮动</a></li>
                <li><a href="http://www.ahuing.com/post/2044.html" target="_top"><i>围观:578</i>仿腾讯网娱乐频道-图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2043.html" target="_top"><i>围观:555</i>腾讯网汽车图片站静态html模板</a></li>

            </ul>
            <ul id="x_b_2" style="display: none;" class="tlist1 rank">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2042.html" target="_top"><i>围观:579</i>div+css教程之浮动</a></li>
                <li><a href="http://www.ahuing.com/post/2044.html" target="_top"><i>围观:578</i>仿腾讯网娱乐频道-图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2043.html" target="_top"><i>围观:555</i>腾讯网汽车图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2049.html" target="_top"><i>围观:527</i>html静态房产模板</a></li>
                <li><a href="http://www.ahuing.com/post/2041.html" target="_top"><i>围观:514</i>你的网站通过W3C标准应该注意的事项</a></li>
                <li><a href="http://www.ahuing.com/post/2046.html" target="_top"><i>围观:513</i>如何同时运行两个配置，扩展完全不一样的 Firefox</a></li>
                <li><a href="http://www.ahuing.com/post/2048.html" target="_top"><i>围观:488</i>解决火狐启动时提示“Firefox已经在运行”的问题</a></li>
                <li><a href="http://www.ahuing.com/post/2047.html" target="_top"><i>围观:487</i>对seo很有用的nofollow标签</a></li>
                <li><a href="http://www.ahuing.com/post/2050.html" target="_top"><i>围观:483</i>发一个企业主题 for zblog</a></li>

            </ul>
            <ul id="x_b_3" class="tlist1 rank" style="display: none;">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/1932.html" target="_top"><i>围观:743</i>淘宝客主题 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2002.html" target="_top"><i>围观:719</i>最新在线学习网站100乐模板（html静态）</a></li>
                <li><a href="http://www.ahuing.com/post/1917.html" target="_top"><i>围观:684</i>仿百度知道主题for z-blog</a></li>
                <li><a href="http://www.ahuing.com/post/2020.html" target="_top"><i>围观:660</i>div+css教程之常见的浏览器兼容问题及解决方法</a></li>
                <li><a href="http://www.ahuing.com/post/1927.html" target="_top"><i>围观:656</i>校园风光主题 for z-blog</a></li>
                <li><a href="http://www.ahuing.com/post/1968.html" target="_top"><i>围观:655</i>婚庆html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/1967.html" target="_top"><i>围观:648</i>政府html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/2031.html" target="_top"><i>围观:647</i>女性服饰html5+css3静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/1931.html" target="_top"><i>围观:647</i>很炫的js图片切换效果</a></li>

            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
 function setTab(name,cursel,n){
  for(i=1;i<=n;i++){
   var menu=document.getElementById(name+i);
   var con=document.getElementById("con_"+name+"_"+i);
   menu.className=i==cursel?"act":"";
   con.style.display=i==cursel?"block":"none";
  }
 }
</script>
<div class="w314 l">
    <div class="bg2">  
        <ul class="tabbar"> 
            <li id="c1" onmouseover="setTab('c',1,3)" class="act">热文排行</li>
            <li class="" id="c2" onmouseover="setTab('c',2,3)">本月排行</li>
            <li class="" id="c3" onmouseover="setTab('c',3,3)">本年排行</li>
        </ul>
        <div class="border2">
            <ul id="con_c_1" class="tlist1 rank">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2051.html" target="_top"><i>围观:478</i>汽车网html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/2050.html" target="_top"><i>围观:483</i>发一个企业主题 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2049.html" target="_top"><i>围观:527</i>html静态房产模板</a></li>
                <li><a href="http://www.ahuing.com/post/2048.html" target="_top"><i>围观:488</i>解决火狐启动时提示“Firefox已经在运行”的问题</a></li>
                <li><a href="http://www.ahuing.com/post/2047.html" target="_top"><i>围观:487</i>对seo很有用的nofollow标签</a></li>
                <li><a href="http://www.ahuing.com/post/2046.html" target="_top"><i>围观:513</i>如何同时运行两个配置，扩展完全不一样的 Firefox</a></li>
                <li><a href="http://www.ahuing.com/post/2042.html" target="_top"><i>围观:579</i>div+css教程之浮动</a></li>
                <li><a href="http://www.ahuing.com/post/2044.html" target="_top"><i>围观:578</i>仿腾讯网娱乐频道-图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2043.html" target="_top"><i>围观:555</i>腾讯网汽车图片站静态html模板</a></li>

            </ul>
            <ul id="con_c_2" style="display: none;" class="tlist1 rank">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2042.html" target="_top"><i>围观:579</i>div+css教程之浮动</a></li>
                <li><a href="http://www.ahuing.com/post/2044.html" target="_top"><i>围观:578</i>仿腾讯网娱乐频道-图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2043.html" target="_top"><i>围观:555</i>腾讯网汽车图片站静态html模板</a></li>
                <li><a href="http://www.ahuing.com/post/2049.html" target="_top"><i>围观:527</i>html静态房产模板</a></li>
                <li><a href="http://www.ahuing.com/post/2041.html" target="_top"><i>围观:514</i>你的网站通过W3C标准应该注意的事项</a></li>
                <li><a href="http://www.ahuing.com/post/2046.html" target="_top"><i>围观:513</i>如何同时运行两个配置，扩展完全不一样的 Firefox</a></li>
                <li><a href="http://www.ahuing.com/post/2048.html" target="_top"><i>围观:488</i>解决火狐启动时提示“Firefox已经在运行”的问题</a></li>
                <li><a href="http://www.ahuing.com/post/2047.html" target="_top"><i>围观:487</i>对seo很有用的nofollow标签</a></li>
                <li><a href="http://www.ahuing.com/post/2050.html" target="_top"><i>围观:483</i>发一个企业主题 for zblog</a></li>

            </ul>
            <ul id="con_c_3" class="tlist1 rank" style="display: none;">
                <li><a href="http://www.ahuing.com/post/2045.html" target="_top"><i>围观:804</i>前端设计主题灰色地带发布 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/1932.html" target="_top"><i>围观:743</i>淘宝客主题 for zblog</a></li>
                <li><a href="http://www.ahuing.com/post/2002.html" target="_top"><i>围观:719</i>最新在线学习网站100乐模板（html静态）</a></li>
                <li><a href="http://www.ahuing.com/post/1917.html" target="_top"><i>围观:684</i>仿百度知道主题for z-blog</a></li>
                <li><a href="http://www.ahuing.com/post/2020.html" target="_top"><i>围观:660</i>div+css教程之常见的浏览器兼容问题及解决方法</a></li>
                <li><a href="http://www.ahuing.com/post/1927.html" target="_top"><i>围观:656</i>校园风光主题 for z-blog</a></li>
                <li><a href="http://www.ahuing.com/post/1968.html" target="_top"><i>围观:655</i>婚庆html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/1967.html" target="_top"><i>围观:648</i>政府html静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/2031.html" target="_top"><i>围观:647</i>女性服饰html5+css3静态模板</a></li>
                <li><a href="http://www.ahuing.com/post/1931.html" target="_top"><i>围观:647</i>很炫的js图片切换效果</a></li>

            </ul>
        </div>
    </div>
</div>
</body>
</html>
